<template>
  <div class="con">
    <!-- 这个入口是user模块的入口 -->

    <el-row>
      <el-col :span="4">
        <el-menu
          default-active="/student"
          class="el-menu-vertical-demo left"
          router
        >
          <el-menu-item index="/student">
            <i class="el-icon-menu"></i>
            <span slot="title">学员管理</span>
          </el-menu-item>
          <el-menu-item index="/teacher">
            <i class="el-icon-document"></i>
            <span slot="title">讲师管理</span>
          </el-menu-item>
          <el-menu-item index="/helper">
            <i class="el-icon-setting"></i>
            <span slot="title">助教管理</span>
          </el-menu-item>
        </el-menu>
      </el-col>
      <el-col :span="20">
        <router-view> </router-view>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>

<style lang="scss">
// .con {
//   display: flex;
//   .left {
//     width: 200px;
//   }
//   .right {
//     flex: 1;
//   }
// }
</style>
